// vue.config.js
const path = require('path')

module.exports = {
  productionSourceMap: false, // 生产环境是否生成 SourceMap
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require('postcss-pxtorem')({
            // 把px单位换算成rem单位
            rootValue: 37.5, // 换算的基数(设计图750的根字体为75)
            selectorBlackList: ['weui-', 'mu-'], // 过滤不需要转换的
            propList: ['*'],
            exclude: /node_modules/i
          })
        ]
      }
    }
  },
  configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      // 为生产环境修改配置...
    } else {
      // 为开发环境修改配置...
      // 只会在 开发环境中生效，当我们使用 build 去打包一个项目的时候，那么这里的配置不会生效
      // return {
      //     resolve: {
      //         alias: {
      //             '@js': path.resolve(__dirname, './src/assets/js'),
      //             '@css': path.resolve(__dirname, './src/assets/css'),
      //             '@img': path.resolve(__dirname, './src/assets/imgs'),
      //             '@c': path.resolve(__dirname, './src/components'),
      //         }
      //     }
      // }
    }
    return {
      resolve: {
        alias: {
          '@js': path.resolve(__dirname, './src/assets/js'),
          '@css': path.resolve(__dirname, './src/assets/css'),
          '@img': path.resolve(__dirname, './src/assets/imgs'),
          '@com': path.resolve(__dirname, './src/components'),
          '@view': path.resolve(__dirname, './src/views')
        }
      }
    }
  }
}
